<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Article</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/article.style.css"/>
</head>
<body>

<div class="am-container article-container">
    <article class="am-article">
        <div class="am-article-hd">
            <h1 class="am-article-title am-text-center">永远的蝴蝶</h1>
            <p class="am-article-meta am-text-center">陈启佑（台湾）</p>
        </div>

        <div class="am-article-bd">
            <p class="am-article-lead">《永远的蝴蝶》是台湾著名作家陈启佑先生的一篇小小说。这是一篇散文化的微型小说，其语言具有较强的抒情色彩，立意含蓄隽永 。作品情节很简单，写的是一个凄美的爱情故事。在一个雨天，“我”的恋人樱子自愿帮“我”到马路对面去寄信。随着一阵拔尖的刹车声，樱子年轻的生命消逝了。</p>
            <h2>《永远的蝴蝶》原文</h2>
            <p>那时候刚好下着雨，柏油路面湿冷冷的，还闪烁着青、黄、红颜色的灯火。我们就在骑楼下躲雨，看绿色的邮筒孤独地站在街的对面。我白色风衣的大口袋里有一封要寄给南部的母亲的信。樱子说她可以撑伞过去帮我寄信。我默默点头。</p>
            <p>“谁叫我们只带来一把小伞哪。”她微笑着说，一面撑起伞，准备过马路帮我寄信。从她伞骨渗下来的小雨点，溅在我的眼镜玻璃上。</p>
            <p>随着一阵拔尖的煞车声，樱子的一生轻轻地飞了起来。缓缓地，飘落在湿冷的街面上，好像一只夜晚的蝴蝶。</p>
            <p>虽然是春天，好像已是秋深了。</p>
            <p>她只是过马路去帮我寄信。这简单的行动，却要叫我终身难忘了。我缓缓睁开眼，茫然站在骑楼下，眼里裹着滚烫的泪水。世上所有的车子都停了下来，人潮涌向马路中央。没有人知道那躺在街面的，就是我的，蝴蝶。这时她只离我五公尺，竟是那么遥远。更大的雨点溅在我的眼镜上，溅到我的生命里来。</p>
            <p>为什么呢？只带一把雨伞？</p>
            <p>然而我又看到樱子穿着白色的风衣，撑着伞，静静地过马路了。她是要帮我寄信的。那，那是一封写给南部母亲的信。我茫然站在骑楼下，我又看到永远的樱子走到街心。其实雨下得并不大，却是一生一世中最大的一场雨。而那封信是这样写的，年轻的樱子知不知道呢？</p>
            <blockquote>妈：我打算在下个月和樱子结婚。</blockquote>
        </div>
    </article>

    <h2>评论</h2>
    <hr/>

    <ul class="am-comments-list am-comments-list-flip">

        <li class="am-comment am-comment-highlight">
            <a href="#link-to-user-home">
                <img src="" alt="" class="am-comment-avatar" width="48" height="48"/>
            </a>

            <div class="am-comment-main">
                <header class="am-comment-hd">
                    <div class="am-comment-meta">
                        <a href="#link-to-user" class="am-comment-author">某人</a>
                        评论于 <time datetime="2013-07-27T04:54:29-07:00" title="2013年7月27日 下午7:54 格林尼治标准时间+0800">2014-7-12 15:30</time>
                    </div>
                </header>

                <div class="am-comment-bd">
                    <p>那，那是一封写给南部母亲的信。我茫然站在骑楼下，我又看到永远的樱子走到街心。其实雨下得并不大，却是一生一世中最大的一场雨。而那封信是这样写的，年轻的樱子知不知道呢？</p>
                    <blockquote>妈：我打算在下个月和樱子结婚。</blockquote>
                </div>
            </div>
        </li>

        <li class="am-comment am-comment-highlight">
            <a href="#link-to-user-home">
                <img src="" alt="" class="am-comment-avatar" width="48" height="48"/>
            </a>

            <div class="am-comment-main">
                <header class="am-comment-hd">
                    <div class="am-comment-meta">
                        <a href="#link-to-user" class="am-comment-author">路人甲</a>
                        评论于 <time datetime="2013-07-27T04:54:29-07:00" title="2013年7月27日 下午7:54 格林尼治标准时间+0800">2014-7-12 15:30</time>
                    </div>
                </header>

                <div class="am-comment-bd">
                    <p>She's gone 我早知道<br/>
                        她将要 从我的生命中走掉<br/>
                        不再停留多一秒</p>
                </div>
            </div>
        </li>

        <li class="am-comment">
            <a href="#link-to-user-home">
                <img src="" alt="" class="am-comment-avatar" width="48" height="48"/>
            </a>

            <div class="am-comment-main">
                <header class="am-comment-hd">
                    <div class="am-comment-meta">
                        <a href="#link-to-user" class="am-comment-author">路人乙</a>
                        评论于 <time datetime="2013-07-27T04:54:29-07:00" title="2013年7月27日 下午7:54 格林尼治标准时间+0800">2014-7-12 15:30</time>
                    </div>
                </header>

                <div class="am-comment-bd">
                    <p>
                        <a href="#lin-to-user">@某人</a>
                        撸主保重！
                    </p>
                </div>
            </div>
        </li>
    </ul>

    <br/>

    <form class="am-form">
        <div class="am-form-group">
            <label for="doc-ta-1">说两句？</label>
            <textarea class="" rows="5" id="doc-ta-1"></textarea>
        </div>

        <p><input type="button" class="am-fr am-btn am-btn-primary btn-submit" data-am-loading="{spinner: 'circle-o-notch', loadingText: '正在提交...', resetText: '评论成功!'}" value="提交" /></p>
    </form>

</div>


<footer>
    <p>article template<br/>
        <small>© Copyright XXX. Designed by Misic.</small>
    </p>
</footer>

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/amazeui.min.js"></script>

<!--[if lt IE 9]>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<script>
    $('.btn-submit').click(function () {
        var $btn = $(this);
        $btn.button('loading');
        setTimeout(function(){
            $btn.button('reset');
        }, 5000);
    });
</script>

</body>
</html>